<template>
  <div id="box">
    <div id="zhong">
      <div id="shang">
        <div id="a">有品秒杀</div>
        <div id="b">更多&gt;</div>
      </div>
      <div id="xia">
          <div id="xz">
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/20.png" alt="">
                  </div>
                  <div id="san">Xiaomi<br>watch S1</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/21.png" alt="">
                  </div>
                  <div id="san">小米净水器<br>Q800</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/22.png" alt="">
                  </div>
                  <div id="san">热敷拉伸护颈<br>枕</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/23.png" alt="">
                  </div>
                  <div id="san">小米新品降噪<br>耳机</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/24.png" alt="">
                  </div>
                  <div id="san">九号平衡车L系<br>列</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/25.png" alt="">
                  </div>
                  <div id="san">小米电视<br>EA70</div>
              </div>
              <div id="yi">
                  <div id="er">
                      <img src="img/YD/26.png" alt="">
                  </div>
                  <div id="san">古法金平安无<br>事牌</div>
              </div>
          </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#box {
    width: 100%;
    height: 1.8rem;
    margin-bottom: .5rem;
}
#zhong{
    background-color: #ffffff;
    border-radius: .07rem;
}
#shang{
    width: 100%;
    height: .43rem;
    display: flex;
    justify-content: space-between;
}
#a{
    width: .8rem;
    height: 100%;
    font-size: .18rem;
    text-align: center;
    line-height: 0.43rem;
    font-weight: 600;
    margin-left: .07rem;
}
#b{
    width: .41rem;
    height: 100%;
    font-size: .12rem;
    color: rgb(153, 153, 153);
    text-align: center;
    line-height: 0.43rem;
    margin-right: .08rem;
}
#xia{
    width: 100%;
    height: 1.25rem;
}
#xz{
    width: 100%;
    height: 1.25rem;
    display: flex;
    overflow-x: auto;
}
#yi{
    width: .93rem;
    height: 1.25rem;
}
#er{
    width: .93rem;
    height: .85rem;
}
img{
    width: .93rem;
    height: .85rem;
}
#san{
    width: .93rem;
    height: .32rem;
    text-align: center;
    font-size: .12rem;

}
</style>